<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="industryInfo.css" rel="stylesheet" type="text/css">
    <link href="../admin/indexCss.css" rel="stylesheet" type="text/css">

    <!--引入js文件-->
    <script src="industryInfo.js"></script>


</head>
<body>

<header class=" navbar-fixed-top " id="h-new1">
    <header-new v-bind:u="u"></header-new>
</header>

<section>
<!--<div>-->
<!--    <a href=""><img alt="" class="background" style="z-index: -99999;" src="http://www.sinoiov.com/skin/new/img/banner_news.png"></a>-->

<!--</div>-->

<!--资讯开始-->
<div class="info" style="margin-top: 60px">

    <!--新闻列表-->
    <div class="info_list">
        <div class="info_item" onmousemove="infoAddClass(this);" onmouseout="infoRemoveClass();" v-for="re in rep"><a :href="'industryInfoDetail.html?'+re.id">
            <img :src="re.url"
                 alt="">
            <div>
                <div class="info_title" v-text="re.title">中物联 | 中交兴路——数字化厂区业务协同平台助力厂区物流“绿色”出发</div>
                <div class="info_date" v-text="re.createdStr">2021-12-22</div>
                <div class="info_text" v-text="re.content">在我国的“双碳”大战略之下，钢铁、煤炭、快消等大型生产制造企业开始加速“绿色”转型步伐。
                    但物流环节效率低下，以及货运车辆超标排放等难题， 成为企业急需攻克的痛点。如何借助物联网大数据，
                    打通物流系统和厂区管理系统之间的数据...
                </div>

            </div>
        </a>
        </div>

    </div>

</div><!--资讯结束-->
</section>
<myfooter></myfooter>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

<!--引入vue和axios-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--头尾导航-->
<script src="../adminjs/footer.js"></script>
<script src="../Mall/js/header-new.js"></script>
<script>

    let section_v = new Vue({
            el: "section",
            data: {
                rep: [], //资讯集合
                repcls: [], //资讯集合
            },
            created: function () {
                    axios.post("/admin/selectToReportCls").then(function (response) {
                        section_v.repcls = response.data;
                    })
                axios.post("/admin/selectToReportAll").then(function (response) {
                    section_v.rep = response.data;
                })
            },
            methods: {}
        })
        </script>
<script>
    let vn = new Vue({
        el:"#h-new1"
        ,data:{
            u:[]
        },
        created:function (){
            axios.get("/mall/getUser").then(function (response) {
                vn.u = response.data;
            })
        }
    })
</script>
</body>
</html>